
import Vue from 'vue'
import { 
    Button,Form,FormItem,Input,Message,Container,Header,Main,Aside
    ,Menu,Submenu,MenuItem,Breadcrumb,BreadcrumbItem,Card,Row,Col,Table,TableColumn,
    Switch,Tooltip,Pagination,Dialog,MessageBox,Tag,Tree,Select,Option,Cascader,Alert,Tabs,
    TabPane,Carousel,CarouselItem,Steps,Step,CheckboxGroup,Checkbox,Upload,Timeline,TimelineItem,Calendar,Loading
} from 'element-ui'


Vue.use(Button)
Vue.use(Form)
Vue.use(Input)
Vue.use(FormItem)
Vue.use(Container)
Vue.use(Header)
Vue.use(Main)
Vue.use(Aside)
Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)
Vue.use(Tag)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Carousel)
Vue.use(CarouselItem)
Vue.use(Steps)
Vue.use(Step)
Vue.use(CheckboxGroup)
Vue.use(Checkbox)
Vue.use(Upload)
Vue.use(Timeline)
Vue.use(TimelineItem)
Vue.use(Calendar)
Vue.use(Loading)

Vue.prototype.$message=Message
Vue.prototype.$msgBox=MessageBox
// 挂在一个   提示 消息框
Vue.prototype.$confirm=MessageBox.confirm
Vue.prototype.$alert = MessageBox.alert;

// Vue.prototype.openLoading = function() {
//     const loading = this.$loading({           // 声明一个loading对象
//       lock: true,                             // 是否锁屏
//       text: '正在加载...',                     // 加载动画的文字
//       spinner: 'el-icon-loading',             // 引入的loading图标
//       background: 'rgba(0, 0, 0, 0.3)',       // 背景颜色
//       target: '.sub-main',                    // 需要遮罩的区域
//       body: true,                              
//       customClass: 'mask'                     // 遮罩层新增类名
//     })
//     setTimeout(function () {                  // 设定定时器，超时5S后自动关闭遮罩层，避免请求失败时，遮罩层一直存在的问题
//       loading.close();                        // 关闭遮罩层
//     },5000)
//     return loading;
//   }

